<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>表单标签form的练习</title>
	</head>
	<body>
		<!-- 不设置name就不会提交 -->
		<!-- 默认把数据在地址栏中拼接，get方式提交数据 
		好处是展示的效果明确，坏处是不安全，地址栏太长
		POST方式提交数据：好处是安全对数据的大小没上限，坏处是看不见数据-->
		<form method="post">
			<table border="1" cellspacing="0" cellpadding="3" bgcolor="bisque" width="35%">
				<tr>
					<td colspan="2">
						<h1 align="center">注册用户</h1>
					</td>
				</tr>
				<tr>
					<td>用户名:</td>
					<td>
						<input type="text" name="username" />
					</td>
				</tr>
				<tr>
					<td>密码</td>
					<td>
						<input type="password" name="pwd" />
					</td>
				</tr>
				<tr>
					<td>确认密码</td>
					<td>
						<input type="password" name="repwd" />
					</td>
				</tr>
				<tr>
					<td>昵称</td>
					<td>
						<input type="text" name="nick" />
					</td>
				</tr>
				<tr>
					<td>邮箱</td>
					<td>
						<input type="email" name="email" />
					</td>
				</tr>
				<tr>
					<td>性别</td>
					<td>
						<!-- radio,必须设置value值和name值,不设置value值会提交on -->
						<input type="radio" name="sex" value="1" />男
						<input type="radio" name="sex" value="0" />女
					</td>
				</tr>
				<tr>
					<td>爱好</td>
					<td>
						<input type="checkbox" name="like" value="1" />篮球
						<input type="checkbox" name="like" value="2" />乒乓球
						<input type="checkbox" name="like" value="3" />羽毛球
					</td>
				</tr>
				<tr>
					<td>城市</td>
					<td>
						<select>
							<option value="1">北京</option>
							<option value="2">上海</option>
							<option value="3">南京</option>
							<option value="4">武汉</option>
						</select>
					</td>
				</tr>
				<tr>
					<td>头像</td>
					<td>
						<input type="file" name="path" />
					</td>
				</tr>
				<tr>
					<td>验证码</td>
					<td>
						<input type="text" name="validateText" />
						<img src="../imgs/validate.png" />
						<input type="submit" name="点我提交" value="点我提交啊啊啊" /><!-- value属性是按钮上显示的字 -->
						<button type="button" value="???" name="!!!">按钮显示的字</button><!-- 对于button标签则不是一样 -->
					</td>
				</tr>
				<tr>
					<td>自我描述:</td>
					<td>
						<textarea>请输入自我描述~</textarea>
					</td>
				</tr>
				<tr>
					<td colspan="2" align="center">
						<input type="submit" name="提交1" value="提交11" />
						<input type="reset" name="重置1" value="重置11" />
					</td>

				</tr>

			</table>

		</form>
	</body>
</html>
